<!--
 * @Author: 贺楠 1071780426@qq.com
 * @Date: 2024-03-26 10:28:34
 * @LastEditors: 贺楠 1071780426@qq.com
 * @LastEditTime: 2024-03-26 15:51:17
 * @FilePath: \yjxa_zjnq\yjszsy\src\components\PCManage\pilesDetectedData\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->
  <!-- 超大弹框 width:1460,height:0.76,top:5% -->


    <FormLyout  :isSave="false">
      <template v-slot:formcon>
        <div style=" margin-bottom: 20px;height: 100%;">
          <div
            class="tab"
          >
            <div
              v-for="(data, index) in typeData"
              :key="data.value"
              @click="changeType($event, index)"
            >
              <div
                class="btn"
                :style="{
                  color:
                    data.show === true ? 'rgba(0, 117, 255, 1)' : '#343639',
                  background: data.show === true ? '#E0EFFF' : '#fff',
                }"
              >
                {{ data.text }}
              </div>
            </div>
          </div>

          <div
            class="publicForm"
          
            v-show="typeData[0].show "
          >
            <publicForm
              ref="publicForm"
              lableWidth="95px"
              :formObj="formObj"
              :formData="formData"
              total="0"
            >
            </publicForm>
          </div>
          <div
            class="publicForm"
            v-show="typeData[1].show "
            style="height: 95%;"
          >
          <tableData
              height="100%"
              :config="table_config"
              :dataList="tableData"
              :issss="false"
            />
          </div>
          <div
            class="publicForm"
            
            v-show="typeData[2].show "
          >
          <!-- <div class="curveBox"> -->
            <imgBox :srcPath="graphfileLists" :titleBox="tableData"></imgBox>
            <!-- <img :src="item.fGraphfile"  v-for="item in tableData" :key="item.fId"> -->
          <!-- </div> -->
          </div>
          <div
            class="publicForm"
           
            v-if="typeData[3].show "
          >
       
          <imgBox :srcPath="polarogramfileLists" :titleBox="tableData"></imgBox>
          </div>
        </div>

      </template>
    </FormLyout>


</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
